<template>
	<view>
		<view class="nav_leave">
      <view class="n_l_l" @tap="goBack()">
        <img src="/static/images/boss/icon_b_arrow_left.png" mode="scaleToFill" alt="">
      </view>
      <view class="n_l_c">{{ title }}</view>
      <view class="n_l_r" @tap="handleRecord()">{{ titleRight }}</view>
    </view>
	</view>
</template>

<script>
export default {
	components: {},
	data() {
		return {
		};
	},
	props: {
		title: {
			type: String,
			default: ''
		},
    titleRight: {
			type: String,
			default: ''
		},
    jumpUrl: {
			type: String,
			default: ''
		}
	},
	computed: {},
  watch: {
  },
	methods: {
    handleRecord(){
      uni.navigateTo({ url: this.jumpUrl})
    },
    goBack(){
      uni.navigateBack({delta: 1})
    }
	}
};
</script>
<style lang="scss" scoped>
.nav_leave{
  width: 100%;
  height: 44px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font-size: 15px;
  color: #333333;
  line-height: 21px;
}
.n_l_l{
  width: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  img{
    width: 9px;
    height: 16px;
    margin-left: 9px;
  }
}
.n_l_r{
  width: 80px;
  text-align: right;
}
.n_l_c{
  width: calc(100% - 90px);
  text-align: center;
}
</style>
